@import url("../../style.less");

.page{
	padding:32rpx 45rpx;
	position: relative;
}
.logo{
	margin-top: 34rpx;
	width: 100%;
	margin-bottom: 45rpx;
}
.switch{
	position: absolute;
	right: 30rpx;
	top: 35rpx;
	.s1{
		color:  @background-color;
		display: inline;
		margin-right: 20rpx;
	}
}
.add{
	position: absolute;
	top: 50rpx;
	display: flex;
	.icon{
		width: 40rpx;
		margin-right: 10rpx;
		margin-top: 6rpx;
	}
	text{
		color: @background-color;
		font-size: 32rpx;
	}
}
.list-title{
	margin-bottom: 35rpx;
	font-size: 42rpx;
	font-weight: bold;
	padding-left: 20rpx;
	color:@background-color;
	border-left: solid 15rpx @background-color;
	
}
.item{
	border: solid grey 1rpx;
	padding: 30rpx;
	background-color: #ffe6fd;
	border-radius: 15rpx;
	margin-bottom: 45rpx;
	.header{
		display: flex;
		justify-content: space-between;
		border-bottom: solid dimgrey 1rpx;
		padding-bottom: 20rpx;
		margin-bottom: 20rpx;
		.left{
			display: flex;
			.icon{
				width: 46rpx;
				margin-right: 20rpx;
				margin-top: -5rpx;
			}
			text{
				font-size: 32rpx;
				color: @font-color;
			}
			.red{
				color: darkred;
			}
			.blue{
				color: royalblue;
			}
		}
		.right{
			text{
				font-size: 32rpx;
				color: @background-color;
			}
		}
	}
	.content{
		position: relative;
		.t{
			display: flex;
			justify-content: space-between;
			.title{
				font-size: 44rpx;
				margin-top: 5rpx;
				color: @font-color;
			}
			.rtitle{
				font-size: 54rpx;
				color: #aaaaff;
			}
		}
		.attr{
			display: flex;
			color: #999;
			font-size: 40rpx;
			padding: 15rpx 0;
			.timer,
			.creator{
				.time{
					margin-top: 12rpx;
				}
				margin-right: 35rpx;
				display: flex;
				.icon{
					width: 55rpx;
					margin-right: 10rpx;
					margin-top: 15rpx;
				}
			}
		}
		.desc{
			color: #999;
			font-size: 30rpx;
			line-height: 1.6;
		}
	}
}